<!DOCTYPE html>
<html lang="en" class="test">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>The Andela Institute</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/main.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/seun.css">
    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>
    <!-- Navigation -->
    <!-- <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="my_wrapper">
           <div class="navbar-header">
              <a class="navbar-brand" href="#">
                  <img src="img/logo.png">
                   <strong>Andela Institute</strong>
               </a>
           </div>

           <div>
              <ul class="nav navbar-nav pull-right">
                 <li class="active"><a href="#top">Home</a></li>
                 <li><a href="#about">About</a></li>
                 <li><a href="#mean_stack">MEAN Stack</a></li>
                 <li><a href="#andela_fellow">Andela Fellow</a></li>
                 <li><a href="#apply">Apply</a></li>
              </ul>
           </div>
       </div>
    </nav> -->

    <div class="navbar navbar-simple navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">
                      <img src="img/logo.png">
                       <strong>Andela Institute</strong>
                    </a>
                </div>
                    
                        <ul class="nav navbar-nav pull-right">
                            <li class="active"><a href="#">Home</a></li>
                            <li><a href="#about">About</a></li>
                            <li><a href="#contact">Contact</a></li>
                            <li><a href="#about">About</a></li>
                            <li><a href="#mean_stack">MEAN Stack</a></li>
                            <li><a href="#andela_fellow">Andela Fellow</a></li>
                            <li><a href="#apply">Apply</a></li>
                        </ul>
                    
                </div>
            </div>
        </div>

    <!-- Header -->
    <header id="top" class="header">
        <div class="text-vertical-center">
            <div class="header_container">
                <div class="logo">
                    <img src="img/andela_institute_logo2.png">
                    <div class="tag_line" style="color: #fff">Tapping into brilliance</div>
                </div>
            </div>
        </div>
    </header>

    <section id="about" class="about">
        <div class="my_wrapper">
        <div class="container-fluid">
            <div class="row">
                    <h2>About Andela</h2>
                    <div class="row">
                        <div class="col-sm-4 col-md-4 col-lg-4">
                            <div class="card cardbox">
                               <div class="image-wrapper">
                                  <img src="img/target.png" />
                                </div>
                                <div class="card-body">
                                    <div class="card-content">
                                       <h3 class="main">Our Mission</h3>
                                       <p>Our mission is to equip youths around the world to be great developers.</p>
                                       
                                    </div>
                                    <div class="read-more text-center">
                                        <a  href="#" class="btn btn-primary btn-sm">Read more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 col-md-4 col-lg-4">
                            <div class="card cardbox">
                               <div class="image-wrapper">
                                  <img src="img/team128.png" />
                                </div>
                                <div class="card-body">
                                    <div class="card-content">
                                       <h3 class="main">Meet the team</h3>
                                       <p>The Andela team is the best team in the world. They are organized, passionate about what they do.</p>
                                        
                                    </div>
                                    <div class="read-more text-center">
                                        <a  href="#" class="btn btn-primary btn-sm">Read more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-4 col-md-4 col-lg-4">
                            <div class="card cardbox">
                               <div class="image-wrapper">
                                  <img src="img/network.png" />
                                </div>
                                <div class="card-body">
                                    <div class="card-content">
                                       <h3 class="main">The Andela Network</h3>
                                       <p>Andela has a network of great minds and those that want to add to  in the world. Fnd out about it now.</p> 
                                       
                                    </div>
                                    <div class="read-more text-center">
                                        <a  href="#" class="btn btn-primary btn-sm">Read more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
</section>


<section id="mean_stack" class="mean mean_stack">
    <div class="my_wrapper">
        <div class="container-fluid">
            <div class="row">
                <h2>Mean Stack</h2>
                <div class="row">
                    <div class="col-sm-6 col-md-6 col-lg-6">
                        <div class="col_content">
                            <div>
                                <h3 class="main">Skill Focus</h3>
                                <p>The skills a man who learns Mean Stack would have</p>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et interdum magna. Integer vel arcu at tellus ultrices commodo. Suspendisse cursus suscipit tortor ut lobortis. Vivamus sodales id erat vitae ultricies. </p> <p>Donec hendrerit orci at metus venenatis, vitae dictum enim viverra. Praesent non posuere mauris, nec pretium ante. Duis tincidunt justo quis diam fringilla, pellentesque ullamcorper massa elementum.</p>
                            </div>
                            <div class="read-more text-center">
                                <a  href="#" class="btn btn-primary btn-sm">Read more</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 col-md-6 col-lg-6">
                        <div class="col_content">
                            <div>
                                <h3 class="main">Training Timeline</h3>
                                <p>Fnd out how long will it take you to learn to use mean stack at Andela?</p>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et interdum magna. Integer vel arcu at tellus ultrices commodo. </p>
                                <p>Suspendisse cursus suscipit tortor ut lobortis. Vivamus sodales id erat vitae ultricies. </p> <p>Donec hendrerit orci at metus venenatis, vitae dictum enim viverra. Praesent non posuere mauris, nec pretium ante. Duis tincidunt justo quis diam fringilla, pellentesque ullamcorper massa elementum.</p>
                            </div>
                            <div class="read-more text-center">
                                <a  href="#" class="btn btn-primary btn-sm">Read more</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section id="andela_fellow" class="andela_fellow">
    <div class="my_wrapper">
    <div class="container-fluid">
    <h2 class="text-center">Who is an Andela Fellow</h2>
    <div class="row col-md-offset-3">
        <div class="col-sm-4 col-md-4 cardbox">
            <div class="cardnone">
               <div class="image-wrapper">
                  <img src="img/process.png" />
                </div>
                <div class="card-body">
                <div class="card-content">
                   <h3 class="main">Selective/application process</h3>
                   <p>The Andela team is the best team in the world. They are organized, passionate about what they do.</p> 
                </div>
                <div class="read-more text-center">
                    <a  href="#" class="btn btn-primary btn-sm">Read more</a>
                </div>
                </div>
            </div>
        </div>
    
              <div class="col-sm-4 col-md-4 cardbox">
                        <div class="cardnone">
                           <div class="image-wrapper">
                              <img src="img/assessment.png" />
                            </div>
                            <div class="card-body">
                                <div class="card-content">
                                   <h3 class="main">Take Assessments</h3>
                                   <p>You have in all 100 multiple choice question.</p> 
                                </div>
                                <div class="read-more text-center">
                                    <a  href="#" class="btn btn-primary btn-sm">Read more</a>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
     </div>
     </div>
</section>


<section id="apply" class="apply">
    <div class="my_wrapper">
    <div class="container-fluid">
    <h2 class="text-center">
        Apply To be a Fellow
    </h2>
    <div class="row col-md-offset-3">
        <div class="col-sm-4 col-md-4 cardbox">
                        <div class="cardnone">
                           <div class="image-wrapper">
                              <img src="img/deadline.png" />
                            </div>
                            <div class="card-body">
                                <div class="card-content">
                                   <h3 class="main">Deadline</h2>
                                   <p>The Andela team is the best team in the world. They are organized, passionate about what they do.</p> 
                                </div>
                                <div class="read-more text-center">
                                    <a  href="#" class="btn btn-primary btn-sm">Read more</a>
                                </div>
                            </div>
                        </div>
                    </div>
    <div class="col-sm-4 col-md-4 cardbox">
                        <div class="cardnone">
                           <div class="image-wrapper">
                              <img src="img/apply.png" />
                            </div>
                            <div class="card-body">
                                <div class="card-content">
                                   <h3 class="main">How to Apply</h2>
                                   <p>The Andela team is the best team in the world. <dt>Check Me Out</dt>
                                     <dd>You have in all 100 multiple choice question</dd> 
                                </div>
                                <div class="read-more text-center">
                                    <a  href="#" class="btn btn-primary btn-sm">Read more</a>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</section>

    <!-- Footer -->
    <footer class="footer">
        <div class="my_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 text-center">
                    <h4><strong>Andela Institute</strong>
                    </h4>
                    <p>4 Connal Road<br>Herbert Macauley, Lagos Nigeria</p>
                    <ul class="list-unstyled">
                        <li><i class="fa fa-phone fa-fw"></i> (080) 848-67569</li>
                        <li><i class="fa fa-envelope-o fa-fw"></i>  <a href="mailto:name@example.com">info@andela.co</a>
                        </li>
                    </ul>
                    <br>
                    <ul class="list-inline">
                        <li>
                            <a href="#"><i class="fa fa-facebook fa-fw fa-3x"></i></a>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-twitter fa-fw fa-3x"></i></a>
                        </li>
                        <li>
                            <a href="#"><i class="fa fa-dribbble fa-fw fa-3x"></i></a>
                        </li>
                    </ul>
                    
                    <p class="text-muted">Copyright &copy; Andela Institute 2014</p>
                </div>
            </div>
        </div>
    </div>
    </footer>

    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Smooth Scrolling Javascript -->
    <script src="js/app.js"></script> 
</body>

</html>
